{include="header"}

<script type="text/javascript">
   function buscar_articulos()
   {
      if(document.f_buscar_articulos.query.value == '')
      {
         $("#search_results").html('');
      }
      else
      {
         $.ajax({
            type: 'POST',
            url: '{$fsc->url()}',
            dataType: 'html',
            data: $("form[name=f_buscar_articulos]").serialize(),
            success: function(datos) {
               var re = /<!--(.*?)-->/g;
               var m = re.exec( datos );
               if( m[1] == document.f_buscar_articulos.query.value )
               {
                  $("#search_results").html(datos);
               }
            }
         });
      }
   }
   $(document).ready(function() {
      $("#b_nuevo_paquete").click(function(event) {
         event.preventDefault();
         $("#modal_nuevo_paquete").modal('show');
      });
      $("#b_buscar_articulos").click(function(event) {
         event.preventDefault();
         $("#search_results").html('');
         document.f_buscar_articulos.query.value = '';
         $("#modal_buscar_articulos").modal('show');
      });
      $("#f_buscar_articulos").keyup(function() {
         buscar_articulos();
      });
      $("#f_buscar_articulos").submit(function(event) {
         event.preventDefault();
         buscar_articulos();
      });
   });
</script>

<div class="modal fade" id="modal_nuevo_paquete">
   <div class="modal-dialog">
      <div class="modal-content">
         <form action="index.php?page=general_paquete" method="post">
            <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
               <h4 class="modal-title">Nuevo paquete</h4>
            </div>
            <div class="modal-body">
               {if condition="$fsc->cache_paquete->articulos"}
               <div class="form-group">
                  Este paquete equivale al artículo:
                  <select name="referenciapaq">
                  {loop="$fsc->cache_paquete->articulos"}
                     {if condition="$fsc->paquete->referencia==$value->referencia"}
                     <option value="{$value->referencia}" selected="selected">{$value->referencia}</option>
                     {else}
                     <option value="{$value->referencia}">{$value->referencia}</option>
                     {/if}
                  {/loop}
                  </select>
                  <br/>
                  Es el artículo que le da el precio al paquete.
               </div>
               <br/>
               <div>
                  ¿Cuantos grupos de artículos quieres que tenga esta paquete?
                  <input class="form-control" type="text" name="grupos" value="{$fsc->paquete->grupos}" size="2" maxlength="2"/>
                  <br/>
                  Si intentas crear un menú de un restaurante lo normal sería tener 4 grupos:
                  <ul>
                     <li>El grupo 1 es para el plato principal.</li>
                     <li>El grupo 2 para el segundo plato.</li>
                     <li>El grupo 3 para la bebida.</li>
                     <li>El grupo 4 para el postre.</li>
                  </ul>
               </div>
            {else}
               No hay ningún artículo en la cesta. Los paquetes se crean con los artículos que hay en la cesta.
            {/if}
            </div>
            <div class="modal-footer">
               <button class="btn btn-sm btn-primary" type="button" type="submit" onclick="this.disabled=true;this.form.submit();">
                  <span class="glyphicon glyphicon-floppy-disk"></span>
                  &nbsp; Guardar
               </button>
            </div>
         </form>
      </div>
   </div>
</div>

<form name="f_buscar_articulos" id="f_buscar_articulos" class="form" action="{$fsc->url()}" method="post">
   <input type="hidden" name="proveedor"/>
   <div class="modal fade" id="modal_buscar_articulos">
      <div class="modal-dialog">
         <div class="modal-content">
            <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
               <h4 class="modal-title">Buscar artículos</h4>
            </div>
            <div class="modal-body">
               <div class="form-group">
                  <input class="form-control" type="text" name="query" size="40" autocomplete="off" autofocus />
               </div>
               <div id="search_results"></div>
            </div>
            <div class="modal-footer">
               <button class="btn btn-sm btn-primary" type="submit" onclick="this.disabled=true;this.form.submit();">
                  <span class="glyphicon glyphicon-search"></span>
                  &nbsp; Buscar
               </button>
            </div>
         </div>
      </div>
   </div>
</form>

<div class="well well-sm">
   <h4>Paquetes:</h4>
   <ul class="horizontal">
      {loop="$fsc->paquete->all()"}
      <li><a href="{$value->url()}">{$value->referencia}</a></li>
      {else}
      <li>No hay paquetes creados. Pulsa el botón <b>Nuevo</b> para crear uno.</li>
      {/loop}
   </ul>
</div>

<div class="well well-sm">
   <h4>
      Cesta:
      <span>
         <a class="btn btn-sm btn-primary" id="b_buscar_articulos" href="#">Añadir...</a>
         <a class="btn btn-sm btn-primary" href="{$fsc->url()}&fillcache=TRUE">Añadir los primeros artículos</a>
         <a class="btn btn-sm btn-warning" href="{$fsc->url()}&cleancache=TRUE">Vaciar</a>
      </span>
   </h4>
   <ul class="horizontal">
      {loop="$fsc->cache_paquete->articulos"}
      <li><a href="{$value->url()}">{$value->referencia}</a></li>
      {else}
      <li>No hay artículos en la cesta. Los paquetes se crean a partir de los artículos que hay en la cesta.</li>
      {/loop}
   </ul>
</div>

{include="footer"}
